/**
 * name:        案例 & 出行
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

$(function(){
    var type =GetQueryString("type");   // 类别 0.案例管理,1.出行管理
    var url = new_url+'shop/article/getArticleList';
    var pageSize = 8;
    if(type == '0'){
        // 案例
        $('.case_banner').append('<img src="../../img/case/case_05.jpg">');
        // 案例管理类型 0：全部,1：大宗采购,2：企业出行,3:礼包定制
        var nav = '';
        nav += '<ul>';
        nav += '<li class="active" data-caseType="0"><a href="javascript:;">全部</a></li>';
        nav += '<li data-caseType="1"><a href="javascript:;">大宗采购</a></li>';
        nav += '<li data-caseType="2"><a href="javascript:;">企业出行</a></li>';
        nav += '<li data-caseType="3"><a href="javascript:;">礼包定制</a></li>';
        nav += '</ul>';
        $('.case_top').append(nav);
        var caseType = '0';
        var data = {type:type,caseType:caseType,pageSize:pageSize};
        $('.case_top ul li').click(function(){
            $('.loading_more').remove();    // 移除加载更多按钮
            $(this).addClass('active').siblings().removeClass('active');
            caseType = $('.active').attr('data-caseType');      // 获取选中的案例管理类型 0：全部,1：大宗采购,2：企业出行,3:礼包定制
            data = {type:type,caseType:caseType,pageSize:pageSize};
            getArticleList(url,data);   // 获取案例 & 出行 列表
        });
        getArticleList(url,data);   // 获取案例 & 出行 列表
    }else{
        // 出行
        $('.case_banner').append('<img src="../../img/case/case_06.jpg">');
        // 出行管理类型 0：全部,1:特色出行
        var nav = '';
        nav += '<ul style="width:220px;">';
        nav += '<li class="active" data-travelType="0"><a href="javascript:;">全部</a></li>';
        nav += '<li data-travelType="1"><a href="javascript:;">特色出行</a></li>';
        nav += '</ul>';
        $('.case_top').append(nav);
        var travelType = '0';
        var data = {type:type,travelType:travelType,pageSize:pageSize};
        $('.case_top ul li').click(function(){
            $('.loading_more').remove();    // 移除加载更多按钮
            $(this).addClass('active').siblings().removeClass('active');
            travelType = $('.active').attr('data-travelType');      // 获取出行管理类型 0：全部,1:特色出行
            data = {type:type,travelType:travelType,pageSize:pageSize};
            getArticleList(url,data);   // 获取案例 & 出行 列表
        })
        getArticleList(url,data);   // 获取案例 & 出行 列表
    }
});
// 获取案例 & 出行 列表
function getArticleList(url,data){
    var type = data.type;
    $.ajax({
        type:'post',
        url:url,
        dataType:'json',
        data:data,
        success:function(e){
            if(e.code == '0'){
                $('.case_box').empty();     // 清空列表盛放的容器
                var caseTpl = $("#caseTpl").html();
                if(e.data.length>'0'){
                    for(var i=0;i<e.data.length;i++){
                        var caseTplcont=template(
                            caseTpl, {
                                caseList: [{
                                    articleId:e.data[i].articleId,
                                    image:e.data[i].image,
                                    title:e.data[i].title,
                                    type:data.type,
                               }]
                           }
                       );
                       $('.case_box').append(caseTplcont); 
                    }
                    // 总页数赋值
                    var totalPages = e.pageInfo.totalPages;
                    // 总页数 > 1 时，显示 加载更多按钮
                    if(e.pageInfo.totalPages>'1'){
                        $('.case_wrap').append('<a class="loading_more" href="javascript:;">加载更多</a>');
                        moreLoading(url,data,totalPages);   // 加载更多
                    }
                }else{  // 暂无列表时候，显示的提示图案和文字
                    if(type == '0'){    //  案例
                        var msg = '暂无案例!';
                        var src = '"../../img/case/case_10.png';
                        isCase(msg,src);
                    }else{
                        var msg = '暂无出行!';
                        var src = '"../../img/case/case_11.png';
                        isCase(msg,src);
                    }
                }
               
            }
        }
    });
}

// 加载更多
// url 接口地址
// totalPages 该类目下的总页数
function moreLoading(url,data,totalPages){
    var pageNo = 1;
    $('.loading_more').click(function(){
        var caseTpl = $("#caseTpl").html();
        var type = data.type;
        var caseType = data.caseType;
        var travelType = data.travelType;
        var pageSize = data.pageSize;
        pageNo ++ ;
        var num = pageNo;
        if(num<=totalPages){
            if(type == '0'){
                $.ajax({
                    type:'post',
                    url:url,
                    dataType:'json',
                    data:{type:type,caseType:caseType,pageNo:num,pageSize:pageSize},
                    success:function(e){
                        if(e.code == '0'){
                            for(var i=0;i<e.data.length;i++){
                                var caseTplcont=template(
                                    caseTpl, {
                                        caseList: [{
                                            articleId:e.data[i].articleId,
                                            image:e.data[i].image,
                                            title:e.data[i].title,
                                            type:data.type,
                                       }]
                                   }
                               );
                               $('.case_box').append(caseTplcont); 
                            }
                        }
                    }
                });
            }else{
                $.ajax({
                    type:'post',
                    url:url,
                    dataType:'json',
                    data:{type:type,travelType:travelType,pageNo:num,pageSize:pageSize},
                    success:function(e){
                        if(e.code == '0'){
                            for(var i=0;i<e.data.length;i++){
                                var caseTplcont=template(
                                    caseTpl, {
                                        caseList: [{
                                            articleId:e.data[i].articleId,
                                            image:e.data[i].image,
                                            title:e.data[i].title,
                                            type:data.type,
                                       }]
                                   }
                               );
                               $('.case_box').append(caseTplcont); 
                            }
                        }
                    }
                });
            }
        }else{
            $('.loading_more').text('没有更多了');
            $('.loading_more').css({
                'background':'#ccc',
                'box-shadow':'none'
            })
        }
        
        
    })
}
// 暂无案例/出行  显示不同的提示图标与文字
// msg 提示文字
// src 提示图标的路径
function isCase(msg,src){
    var tip = '';
    tip += '<div style="width:100%;height:380px;overflow:hidden;">';
    tip += '<img src="'+src+'" style="display:block;width:245px;height:105px;margin:110px auto 0;">';
    tip += '<p style="font-size:18px;color:#333;text-align:center;margin-top:30px;">'+msg+'</p>';
    tip += '</div>';
    $('.case_box').append(tip);
}
// 采用正则表达式获取地址栏参数
// 但是在使用的过程中，发现其在获取中文参数的时候，获取到的值是乱码的
// 解决办法:将解码方式unscape换为decodeURI
// 原因:浏览器会将url中的中文参数进行encodeURI编码，所以要通过js使用decodeURI进行解码
function GetQueryString(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  decodeURI(r[2]); return null;
}